<link rel="stylesheet" type="text/css" href="assets/stepBar/css/control.css" />
<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
    <ul class="nav nav-tabs pull-right">
      <li class="">
        <a href="javascript:toLoadHtml(44)">线索信息</a>
      </li>
      <li class="active">
        <a href="javascript:toLoadHtml(43)">审批记录</a>
      </li>
    </ul>
  </div>
  <div class="inbox-body mi-h8">
    <div id="tab2" class="tab-pane active">
      <section class="panel">
        <header class="panel-heading">
          审批记录
        </header>
        <div class="panel-body">
          <div class="timeline-messages" id="nodeDiv">
          </div>
        </div>
      </section>
    </div>
  </div>
</aside>
<script type="text/javascript" src="assets/stepBar/js/stepBar.js"></script>
<script>
  $certusUtils.ajax("findNodeInfoList", {
    "proId": proId
  }, function (response) {
    var html = "";
    var data = response.data;
    for (var i = 0; i < data.length; i++) {
      var nodeFlag = data[i].node_flag;
      var userName = data[i].user_name;
      var optionMsg = data[i].opinion_msg;
      var createTime = data[i].createTime;
      if (nodeFlag != 1 && nodeFlag != 5) {
        html += '<div class="msg-time-chat"><div class="message-body msg-in">' +
          '<span class="arrow"></span><div class="text"><p class="attribution">';
        if (nodeFlag == 2) {
          html += '<a href="#">申请退回</a> ' + createTime + '</p>' +
            '<p>' + userName + '退回了线索申请! 审批意见:' + optionMsg + '</p>';
        } else if (nodeFlag == 3) {
          html += '<a href="#">申请通过</a> ' + createTime + '</p>' +
            '<p>' + userName + '同意了线索申请! 审批意见:' + optionMsg + '</p>';
        } else if (nodeFlag == 4) {
          html += '<a href="#">申请不通过</a> ' + createTime + '</p>' +
            '<p>' + userName + '不同意线索申请! 审批意见:' + optionMsg + '</p>';
        }
        html += '</div></div></div>';
      }
    }
    $("#nodeDiv").html(html);
  });
</script>